<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      var num = 1;
      //开启一个定时器

      /* 
        延时调用,
          延时调用一个函数不马上执行,而是隔一段时间以后执行,而且只会执行一次
        
          延时调用和定时调用的区别,定时调用会执行多次,而延时调用只会执行一次

          延时调用和定时调用实际上是可以互相代替的,在开发中可以根据自己的需要去选择
      */
      var timer = setInterval(function () {
        console.log(num++);
      }, 3000);

      //使用cleartTimeout()来关闭一个延时调用
      clearTimeout(timer);
    </script>
  </head>
  <body></body>
</html>
